<template>
  <div>
    <!-- 头部标题栏 -->
    <van-nav-bar title="教练排行" @click-left="onClickLeft" left-text="返回" left-arrow>
      <template #right>
        <i class="iconfont icon-31zhuanfa"></i>
      </template>
    </van-nav-bar>
    <!-- 标签导航切换 -->
    <van-tabs v-model:active="active" sticky animated>
      <!-- 对应切换排行内容 -->
      <van-tab title="最受欢迎排行">
        <coachRankList></coachRankList>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import coachRankList from '@/components/coachRankList.vue';
export default {
  setup() {
    const onClickLeft = () => history.back();
    return { onClickLeft};
  },
};
</script>

<style lang="scss" scoped></style>
